<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>用户中心-英雄联盟周边商城</title>
    <link rel="stylesheet" href="../static/css/swb.css" />
    <link rel="stylesheet" href="../static/css/public.css" />
    <link rel="stylesheet" href="../static/css/UserCenter.css" />
  </head>
  <body>
    <header sty="hi75">
      <div class="banner cf">
        <div sty="mt17" class="logo-box ftl">
          <a sty="wi297 hi39" class="logo dpib" href="../Index/Index.html"></a>
        </div>
        <div sty="hi30 mt22" class="header-right-box ftr fdl">
          <div sty="pr20 cf">
            <a sty="pr6 lh30" href="">您好，请登录 </a>
          </div>
          <div sty="pr28 cf">
            <a href="">
              <i sty="wi28 hi25 mt3 mr4" class="shop ftl"></i>
              <span sty="lh30 pr6" class="ftl">购物车</span>
              <span sty="wi20 hi20 lh20 mt7 " class="shop-num ftl tac">0</span>
            </a>
          </div>
          <div sty="pr28 cf">
            <i sty="wi24 hi26 mt3 mr4" class="service ftl"></i>
            <span sty="lh30" class="ftl">客服咨询</span>
          </div>
          <div sty="cf">
            <i sty="wi20 hi20 mt5 mr4" class="qr-code ftl"></i>
            <span sty="lh30" class="ftl">微信商城</span>
          </div>
        </div>
      </div>
    </header>
    <div class="main  bg-index">
      <div class="banner">
        <nav class="cf">
            <ul class="ftl">
                <li><a href="{{ url("index:index") }}">商城首页</a></li>
{#                <li><a href="{{ url("index:Sculpture") }}">雕塑手办</a></li>#}
{#                <li><a href="{{ url("index:PlushDolls") }}">毛绒玩偶</a></li>#}
{#                <li><a href="{{ url("index:Costume") }}">男女服饰</a></li>#}
{#                <li><a href="{{ url("index:Surrounding") }}">赛事周边</a></li>#}
{#                <li><a class="active" href="{{ url("index:Jewelry") }}">珠宝首饰</a></li>#}
{#                <li><a href="{{ url("index:Else") }}">其他</a></li>#}
            </ul>
          <div sty="mt15 mr34" class="ftr pr cf">
            <input
              sty="wi239 hi30 fs14"
              class="ftl"
              type="text"
              onfocus="$('nav .default').hide()"
              onblur="if (this.value == '') { $('nav .default').show() } else { $('nav .default').hide() }"
            />
            <a sty="tp9 lt10 fs14" class="default pa" href="">阿狸</a>
            <div sty="wi45 hi30" class="search-btn ftl">
              <a href="">
                <i sty="wi21 hi21 mt5 ml12" class="dpib"></i>
              </a>
            </div>
          </div>
        </nav>
        <div class="streamer">
          <img src="../static/images/mem_top.jpg" alt="" />
        </div>
        <div class="main-content fdl" style=" min-height: 500px;">
          <div sty="wi180 pt10" class="main-content-left" style="height: 100%; background-color: #f6f6f6;">
            <ul>
              <li>
                <a href="{{ url('users:usercenter') }}">我的购物车</a>
              </li>
              <li  class="active">
                <a href="javascript:;">我的订单</a>
              </li>
              <li >
                <a href="javascript:;">商品收藏</a>
              </li>
              <li>
                <a href="javascript:;">福利中心</a>
              </li>
              <li>
                <a href="javascript:;">收货地址</a>
              </li>
              <li>
                <a href="javascript:;">订阅中心</a>
              </li>
              <li>
                <a href="javascript:;">个人资料</a>
              </li>
              <li>
                <a href="javascript:;">官方公告</a>
              </li>
            </ul>
          </div>
          <div class="main-content-right-all">
            <div class="main-content-right"></div>
            <div
      id="order"
      sty="wi1020 pl40 pt20"
      class="main-content-right bsbb active"
    >
      <div sty="mb10" class="main-content-right-top">
        <ul class="fdl">
          <li><a sty="wi54 hi30" class="active dpib" href="">全部</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待付款</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待发货</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待收货</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待评价</a></li>
        </ul>
      </div>
      <div sty="pb100" class="main-content-right-content">
        <table sty="wi940">
          <tr height="38">
            <th sty="ti10" width="310">订单商品</th>
            <th width="170">订单号/时间</th>
            <th width="154">总金额</th>
            <th width="186">状态</th>
            <th width="120">操作</th>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
        </table>
      </div>
            </div>
            <div
      id="collect"
      sty="wi1020 pl40 pt20"
      class="main-content-right bsbb "
    >
      <div sty="mb10" class="main-content-right-top fdl">
        <div sty="lh28"><input sty="mr5" type="checkbox" style="vertical-align: middle;">全选</div>
        <div><a sty="lh28 ml10 wi100 mr10" class="tac dpib" href="" style="background-color: #ed3029;color: #fff;">加入购物车</a></div>
        <div><a sty="lh28 wi64" class="tac dpib" href="" style="background-color: #dedede;">删除</a></div>
      </div>
      <div sty="pb100" class="main-content-right-content">
        <table>
          <tr height="38">
            <th sty="ti10" width="60"></th>
            <th width="320">商品</th>
            <th class="tac" width="130">价格</th>
            <th class="tac" width="130">是否有货</th>
            <th class="tac" width="150">所属分类</th>
            <th class="tac" width="150">操作</th>
          </tr>
          <tr>
            <td class="tac"><input type="checkbox" name="" id=""></td>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br /><br />
                  <span>收藏时间：</span>
                  <span>2019-12-05</span>
                  <span>12:33:03</span>
                </div>
              </div>
            </td>
            <td class="tac">
              <span  style="color: #ed4346;">¥ 108元</span>
            </td>
            <td class="tac"><span>有货</span></td>
            <td class="tac"><span>其他</span></td>
            <td class="tac"><a class="order-details" href="">购买</a>
            <a class="order-details" href="">删除</a></td>
          </tr>
        </table>
      </div>
            </div>
            <div
      id="welfare"
      sty="wi1020 pl40 pt20"
      class="main-content-right bsbb "
    >
      <div sty="mb10" class="main-content-right-top">
        <ul sty="pt18 pb28" class="fdl" style="border-bottom: 1px solid #f3f3f3;">
          <li class="active"><a sty="wi90 lh32 mr20 fs14" class="dpib tac" href="">我的优惠券</a></li>
          <li><a sty="wi90 lh32 mr20 fs14" class="dpib tac" href="">我的包邮卡</a></li>
          <li><a sty="wi90 lh32 mr20 fs14" class="dpib tac" href="">我的折扣券</a></li>
        </ul>
      </div>
      <div sty="pb100" class="main-content-right-content">
          <p sty="pt37 pb37 pl50">亲爱的召唤师：您暂无优惠券！</p>
      </div>
            </div>
            <div
      id="order"
      sty="wi1020 pl40 pt20"
      class="main-content-right bsbb "
    >
      <div sty="mb20" class="main-content-right-top">
        <table class="tac">
          <tr height="38" style="background-color: #f0f0f0;">
            <th width="130">姓名</th>
            <th width="400">地址</th>
            <th width="150">联系电话</th>
            <th width="130">是否默认</th>
            <th width="130">操作</th>
          </tr>
          <tr  style="border-bottom: 1px solid #e1e1e1;">
            <td height="53">
              邬小雪
            </td>
            <td>
              <span>上海|上海|卢湾区江苏省宿迁市沭阳县</span><br />
            </td>
            <td><span>17715077953</span></td>
            <td class="fw7">否</td>
            <td><a class="order-details" href="">修改</a>
              <a class="order-details" href="">删除</a></td>
          </tr>
          </table>
      </div>
      <div sty="pb100" class="main-content-right-content">
        <table>
          <tr height="38">
            <th sty="ti10" width="200">新增收货地址</th>
            <th width="740"></th>
          </tr>
          <tr height="50">
            <td class="tar">
              <span style="color: red;">*</span> 收货人：
            </td>
            <td>
              <input type="text" placeholder="请输入收货人姓名">
            </td>
          </tr>
          <tr height="50">
            <td class="tar">
              <span style="color: red;">*</span> 选择地区：
            </td>
            <td>
              <select name="" id="">
                <option value="">请选择</option>
                <option value="">内蒙古</option>
              </select>
              <select name="" id="">
                <option value="">请选择</option>
                <option value="">包头</option>
              </select>
              <select name="" id="">
                <option value="">请选择</option>
                <option value="">我不知道了</option>
              </select>
            </td>
          </tr>
          <tr height="50">
            <td class="tar">
              <span style="color: red;">*</span> 详细地址：
            </td>
            <td>
              <input type="text" placeholder="请输入详细地址"><span style="color: #9b9b9d;">（请填写详细的路名或街道地址，确保准确送达）</span>
            </td>
          </tr>
          <tr height="50">
            <td class="tar">
              <span style="color: red;">*</span> 手机：
            </td>
            <td>
              <input type="text" placeholder="请输入手机号">
            </td>
          </tr>
          <tr height="50">
            <td class="tar">
              <span style="color: red;">*</span> 邮政编码：
            </td>
            <td>
              <input type="text" placeholder="请输入邮政编码">
            </td>
          </tr>
          <tr height="50">
            <td class="tar">
              <span style="color: red;">*</span> 默认收货：
            </td>
            <td>
              <select name="" id="">
                <option value="">否</option>
                <option value="">是</option>
              </select>
            </td>
          </tr>
          <tr height="85">
            <td class="tar">
            </td>
            <td>
              <a sty="wi120 hi34 lh34 fs16" class="dpib tac cp" href="" style="background-color:#ed3029; color:#fff;">保存</a>
            </td>
          </tr>
        </table>
      </div>
            </div>
            <div
            id="order"
            sty="wi1020 pl40 pt20"
            class="main-content-right bsbb "
          >
            <div sty="mb10" class="main-content-right-top">
              开启订阅，掌握商品动态，享受购买特权！
            </div>
            <div sty="pb100" class="main-content-right-content">
              <table>
                <tr height="38">
                  <th  sty="pl10" width="820">订阅中心</th>
                  <th width="120"></th>
                </tr>
                <tr height="90">
                  <td  sty="pl10">
                    <p sty="lh16 mb13 fs14">新品上架订阅</p>
                    <span style="color: #888888;">订阅新品通知后，新产品（含限量发售产品）上线后会第一时间通知您。</span>
                  </td>
                  <td><a sty="wi100 hi27 lh27" class="order-details dpib tac" style="color: #fff; background-color: #ed3029;" href="">开启订阅</a></td>
                </tr>
                <tr height="90">
                <td sty="pl10">
                  <p sty="lh16 mb13 fs14">促销订阅</p>
                  <span style="color: #888888;">订阅促销通知后，有商品促销时，将第一时间通知您。</span>
                </td>
                <td><a sty="wi100 hi27 lh27" class="order-details dpib tac" style="color: #fff; background-color: #ed3029;" href="">开启订阅</a></td>
              </tr>
              </table>
            </div>
                  </div>
                  <div
                  id="order"
                  sty="wi1020 pl40 pt20"
                  class="main-content-right bsbb "
                >
                  <div sty="mb10" class="main-content-right-top">
                   <span sty="lh20">维护您的个人信息</span>
                    <p sty="lh20" style="color: #666;">完善以下个人信息，将有助于我们为您提供更定制化的服务。</p>
                  </div>
                  <div sty="pb100" class="main-content-right-content">
                    <table>
                      <tr height="38">
                        <th sty="ti10" width="200">个人资料</th>
                        <th width="740"></th>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                           QQ号：
                        </td>
                        <td>
                          1138843704
                        </td>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                          <span style="color: red;">*</span> 游戏QQ帐号：
                        </td>
                        <td>
                          <input type="text" placeholder="请输入游戏账号">
                        </td>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                           游戏大区：
                        </td>
                        <td>
                          <select name="" id="">
                            <option value="">请选择</option>
                            <option value="">黑色玫瑰</option>
                          </select>
                        </td>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                          <span style="color: red;">*</span> 生日：
                        </td>
                        <td>
                          <input type="text" placeholder="请输入您的生日" value="2019-01-01">
                        </td>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                          <span style="color: red;">*</span> 性别：
                        </td>
                        <td>
                          女
                        </td>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                          <span style="color: red;">*</span> 手机：
                        </td>
                        <td>
                          <input type="text" placeholder="请输入您的手机号" value="17715077953">
                        </td>
                      </tr>
                      <tr height="50">
                        <td class="tar">
                          <span style="color: red;">*</span> 邮箱：
                        </td>
                        <td>
                          <input type="text" placeholder="请输入您的邮箱" value="2788613740@qq.com">
                        </td>
                      </tr>
                      <tr height="85">
                        <td class="tar">
                        </td>
                        <td>
                          <a sty="wi120 hi34 lh34 fs16" class="dpib tac cp" href="" style="background-color:#ed3029; color:#fff;">提交</a>
                        </td>
                      </tr>
                    </table>
                  </div>
                        </div>
            <div
      id="order"
      sty="wi1020 pl40 pt20"
      class="main-content-right bsbb active"
    >
      <div sty="pb100" class="main-content-right-content">
        <table>
          <tr height="38">
            <th class="tac" sty="ti10" width="600">标题</th>
            <th class="tac" width="200">消息类别</th>
            <th width="120">接收时间</th>
          </tr>
          <tr height="60"><td class="tac" colspan="3">暂无通知消息~~</td></tr>
        </table>
      </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <div sty="pt20 pb20" class="guarantee banner">
        <ul class="flex">
          <li>
            <i class="sales-return"></i>
            <span>7天无理由退换货</span>
          </li>
          <li>
            <i class="quality-goods"></i>
            <span>100%官方正品</span>
          </li>
          <li>
            <i class="pinkage"></i>
            <span>全场每单满199元包邮</span>
          </li>
        </ul>
      </div>
      <div class="issue">
        <div class="banner">
          <ul class="flex tac">
            <li>
              <dl>
                <dt>购物指南</dt>
                <dd>帐号注册与登录</dd>
                <dd>购买流程介绍</dd>
                <dd>支付方式</dd>
                <dd>常见问题</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>配送服务</dt>
                <dd>全场满199元免运费</dd>
                <dd>配送范围及运费</dd>
                <dd>配送进度查询</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>售后服务</dt>
                <dd>7天无理由退换货</dd>
                <dd>退换货流程</dd>
                <dd>商品送错的处理方案</dd>
                <dd>售后服务及投诉</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>服务中心</dt>
                <dd>售前咨询 售后咨询</dd>
                <dd>客服热线：0755-25727866</dd>
                <dd>售后：service@lolriotmall.qq.com</dd>
              </dl>
            </li>
          </ul>
        </div>
      </div>
      <div sty="lh40" class="copy tac">技术支持：全栈12 师文博</div>
    </footer>
  </body>
  <script src="../static/js/jquery.js"></script>
  <script src="../static/js/swb.js"></script>
  <script src="../static/js/UserCenter.js"></script>
</html>
